{include file="common/header" /}
<body>
<head>
{include file="common/personal_top" /}
<!--用户中心-->
<div class="user_style clearfix">
 <div class="user_center clearfix">
{include file="common/center" /}
   <!--浏览记录样式-->
    <div class="us_Records">
    <div id="Record_ps" class="Record_p">
      <div class="title_name"><span class="name left">浏览历史</span><span class="pageState right"></div>
        <div class="hd"><a class="next">&lt;</a><a class="prev">&gt;</a></div>
            <div class="bd">
              <ul >
                <li>
                  <div class="p_width">
                    <div class="pic"><a href=""><img src="{$first_coll.picture}"></a></div> 
                    <div class="title"><a href="#">{$first_coll.gname}</a></div>
                    <div class="Purchase_info"><span class="p_Price">￥{$first_coll.price}</span> <a href="#" class="Purchase">立即购买</a></div>
                  </div>    
                </li>
              </ul>
            </div>            
         </div>
         <script type="text/javascript">jQuery("#Record_ps").slide({mainCell:".bd ul",autoPage:true,effect:"leftLoop",vis:1,autoPlay:false });</script>
      </div>
 </div>
 <div class="right_style">
     <div class="info_content">
    <div class="Notice"><span>系统最新公告:</span>为了更好地服务于【每日鲜】的会员朋友及读者 发表意见。</div>
     <div class="user_info">
      <ul class="">
       <li class="Balance"><a href="#"><img src="__STATIC__/index/images/user_img_05.png" /><h4>余额：￥54.00</h4></a></li>
       <li class="Order_form"><a href="#"><img src="__STATIC__/index/images/user_img_04.png" /><h4>订单：({$orders|count})</h4></a></li>
       <li class="grade"><a href="#"><img src="__STATIC__/index/images/user_img_08.png" /><h4>3</h4></a></li>
       <li class="Favorable"><a href="#"><img src="__STATIC__/index/images/user_img_07.png" /><h4>钻石会员</h4></a></li>
       <li class="integral"><a href="#"><img src="__STATIC__/index/images/user_img_06.png" /><h4>234分</h4></a></li>
      </ul>
     </div>
     <!--样式-->
     <div class="user_info_p_s  clearfix">
       <!--订单记录-->
       <div class="left_user_cont">
     <div class="us_Orders left clearfix">
  <div class="Orders_name">
   <div class="title_name">
   <div class="Records">购买记录</div>
   <div class="right select">
   只记录你最近30天的购买记录   </div>
   </div>   
  </div>
  <table>
  <thead>
  <tr>
   <th>产品名称</th>
   <th>数量</th>
   <th>状态</th>
   <th>操作</th>
   </tr>
  </thead>
  <tbody>
  {volist name="orders" id="vo"}
   <tr>
      <td class="img_link">
      <a href="#" class="img"><img src="{$vo.picture}" width="80" height="80"></a>
      <a href="#" class="title">{$vo.gname}</a>
      </td>
      <td>{$vo.num}</td>
      <td>{$vo.status|orderStatus}</td>
      <td><a href="#" class="View">查看</a></td>
   </tr>
   {/volist} 
   </tbody>
  </table>
   <div class="us_jls">共{$orders|count}条记录</div>
  </div>
    </div>
      <!--右侧记录样式-->
    <div class="right_user_recording">
    <div class="us_Record">
    <div id="Record_p" class="Record_p">
      <div class="title_name"><span class="name left">浏览历史</span><span class="pageState right"><span>1</span>/7</span></div>
        <div class="hd"><a class="next">&lt;</a><a class="prev">&gt;</a></div>
            <div class="bd">
            {volist name="collects" id="vo"}
              <ul >
                <li class="clone" >
                  <div class="p_width">
                    <div class="pic"><a href=""><img src="{$vo.picture}"></a></div> 
                    <div class="title"><a href="#">{$vo.gname}</a></div>
                    <div class="Purchase_info"><span class="p_Price">￥{$vo.price}</span> <a href="#" class="Purchase">立即购买</a></div>
                  </div>    
                </li>
              </ul>
              {/volist}
            </div>            
         </div>
         <script type="text/javascript">jQuery("#Record_p").slide({ mainCell:".bd ul",effect:"leftLoop",vis:1,autoPlay:false });</script>
      </div>
       </div>      
     </div>
        <!--收藏商品-->
     <div class="Collections_p">
      <div class="slideGroups">
        <div class="parHd">
        <ul><li>收藏的商品</li></ul>
      </div>
        <div class="parBd">
          {volist name="collects" id="vo"}
          <div class="Collect_Products">
            <a class="sPrev" href="javascript:void(0)">&lt;</a>
            <ul >
              <li>
                <div class="pic"><a href=""><img src="{$vo.picture}"></a></div> 
                <div class="title"><a href="#">{$vo.gname}</a></div>
                <div class="p_Price">￥{$vo.price}</div>   
              </li>
            </ul>
            <a class="sNext" href="javascript:void(0)">&gt;</a>
            <a href="#" class="more">更多收藏</a>
          </div>
          {/volist}
        </div>
      </div>
      <script type="text/javascript">
      /* 内层图片无缝滚动 */
      jQuery(".slideGroups .Collect_Products").slide({ mainCell:"ul",vis:5,prevCell:".sPrev",nextCell:".sNext",effect:"leftMarquee",interTime:50,autoPlay:true,trigger:"click"});

      /* 外层tab切换 */
      jQuery(".slideGroups").slide({titCell:".parHd li",mainCell:".parBd",trigger:"click"});

    </script>     
     </div>
   <!--结束-->       
    </div>
 
  </div>
 </div>
</div>
{include file="common/footer" /}
</body>
</html>
